<template>
  <div>
    Music

    <router-link to="/home/music/jay?name=jay&hobby=milktea" tag="button"
      >周杰伦</router-link
    >
    <router-link
      :to="{
        path: '/home/music/eason',
        query: {
          name: 'Eason',
          hobby: 'perm',
        },
      }"
      tag="button"
      >陈奕迅</router-link
    >
    <router-link
      :to="{
        path: '/home/music/jj',
        query: {
          name: 'JJ',
          hobby: 'playgame',
        },
      }"
      tag="button"
      >林俊绝</router-link
    >

    <router-view></router-view>
  </div>
</template>

<script>
  export default {
    name: "Music",
    mounted() {
      console.log("Music mounted", this.$route.meta);
    },
  };
</script>

<style></style>
